import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

// 注册全局自定义指令
// v-focus
Vue.directive('focus',{
  inserted(el){
    el.focus()
  }
})


Vue.directive('color', {
  // el: 指令绑定的元素
  // binding: 指令的内容, 获取指令传递的数据 binding.value

  // 该钩子函数只在DOM被插入页面的时候执行1次
  // 后续更改指令的值则不会被触发
  inserted(el, binding){
    // console.log(el, binding)
    el.style.color = binding.value
  },

  update(el, binding) {
     el.style.color = binding.value
  },
})



new Vue({
  render: h => h(App),
}).$mount('#app')
